@import "common.scss";
.warp{
    height: 100%;
    width: 100%;
    background: #efefef;
    .top{
        box-sizing: content-box;
        height: pr(100);
        background: #ff841d;
        border-bottom: pr(2) solid #e6e6e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 pr(14) 0 pr(34);
        .logo{
            height:pr(50);
        }
        .download{
            width: pr(68);
        }
    }

    .search{
        height: pr(100);
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 pr(20);
        border-bottom: pr(2) solid #e6e6e6;
        .box{
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            input{
                width: 100%;
                height: pr(60);
                border: none;
                outline: none;
                background: #f1f1f1;
                border-radius: pr(40);
                padding-left: pr(36);
                font-size: pr(32);
                margin: 0;
            }
            button{
                position: absolute;
                top:0;
                right: pr(0);
                height: pr(60);
                width: pr(125);
                background: #ff841d;
                color: #fff;
                font-size: pr(32);
                border-radius: pr(40);
                border: none;
                outline: none;
                padding: 0;
            }
        }
    }

    .nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 pr(10);
        background: #fff;
        height: pr(80);
        // border-top: pr(2) solid #ccc;
        border-bottom: pr(2) solid #ccc;
        background-color: #ebebeb;
        background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ebebeb));
        background: -moz-linear-gradient(top, #ffffff, #ebebeb);
        background: -o-linear-gradient(top,#ffffff, #ebebeb);
        .maobiao{
           
            display: flex;
            align-items: center;
            
            a{
                flex: 1;
                text-align: center;
                color: #5a5a5a;
                white-space:nowrap;
                font-size: pr(28);
                .mui-icon {
                    font-size: pr(28);
                }
            }
            span{
                padding: 0 pr(5);
            }
        }
        button{
            height: pr(60);
            background-color: #ebebeb;
            background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ebebeb));
            background: -moz-linear-gradient(top, #ffffff, #ebebeb);
            background: -o-linear-gradient(top,#ffffff, #ebebeb);
        }
        
    }

    .productlist{
        ul{
            background: #fff;
            li{
                border-bottom: pr(2) solid #ccc;
                a{
                    display: flex;
                    padding: 0 pr(10);
                    .left{
                        flex-basis: pr(240);
                        img{
                            width: 100%;
                        }
                    }
                    .right{
                        flex: 1;
                        padding: pr(20);
                        font-size: pr(30);
                        .title{
                            font-size: pr(30);
                            color: #333333;
                            line-height: pr(55);
                        }
                        p{
                            margin: 0;
                        }
                        .price{
                            color: red;
                            font-size: pr(36);
                            display: flex;
                            margin-top: pr(12);
                            .qian{
                                font-size: pr(24);
                                align-self: flex-end;
                                padding-top: pr(1);
                            }
                        }
                        .other{
                            font-size: pr(24);
                            .productQuote{

                            }
                            .productCom{

                            }
                        }
                    }
                }
            }
        }
    }

    .fenye{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 pr(50);
        margin-top: pr(40);
        select{
            border: pr(2) solid #bababa; 
            font-size: pr(32); 
            flex-basis: pr(200);
            // height: pr(66);
            margin: 0;
            padding-top: pr(10);
            padding-bottom: pr(10);
            border: 1px solid #ccc !important;
            appearance: normal !important;
            -webkit-appearance: none;
        }
    }
    
    .footer{
        margin-top: pr(50);
        .loginbox{
            display: flex;
            align-items: center;
            height: pr(70);
            border-top: pr(2) solid #ccc;
            border-bottom: pr(2) solid #ccc;
            .regist{
                height: pr(70);
                line-height: pr(70);
                border-left: pr(2) solid #ccc;
                border-right: pr(2) solid #ccc;
            }
            a{
                flex: 1;
                color: #5a5a5a;
                font-size: pr(28);
                text-align: center;
            }
        }
        .copyright{
            text-align: center;
            font-size: pr(24);
            margin-top: pr(35);
            p{
              color: #5a5a5a;  
              font-size: pr(24);
              margin: 0;
            }
            .download{
                color: red;
            }
            
            a{
                color: #5a5a5a;
                font-size: pr(24);
            }
        }

    }
    

}